My First Blog Post
2024-06-18
My First Blog Post
hello!
ADHD guide to life thing
The beauty and the key of this is that you don’t have to Commit to this for the rest of your life! You only have to do it just long enough to where it gets really fucking boring and tedious and then at that point you need to find a new game. At that point most of the Habits you have formed will be subconscious and way more easy to maintain
1 Find everything you can how about your life I make a character sheet or the resource list riworlld you need to know the stats/itms/gear of Your character to make good decisions..
Basically what we want to do here is what’s called a life survey. We want to breakdown everything, the habits your personality the things you like the things you don’t like the people you know the things you don’t know the things you do know your hobbies the things are good at the things you want to be good at your goals your versions your desires and anything in between. This sounds like a whole lot, and it is! I’m gonna breakdown my life this way so you can see how I did. That way you can follow my journey and break your life down by getting ideas watching me break mine.
Life analysis
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
display: flex;
}
.container {
max-width: 800px;
display: flex;
}
.form-container {
flex: 1;
}
.chart-container {
flex: 1;
border: 1px solid #ccc;
margin-left: 20px;
height: 100%;
}
.input-group {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.input-group label {
flex: 1;
margin-right: 10px;
}
.input-group input {
flex: 2;
padding: 8px;
box-sizing: border-box;
}
.display-box {
border: 1px solid #ccc;
padding: 15px;
margin-top: 20px;
}
</style>
<div class="container">
<div class="form-container">
<h1>Financial Metrics</h1>
<form id="financialForm">
<div class="input-group">
<label for="date">Date:</label>
<input type="text" id="date" value="2024-06-19" >
</div>
<div class="input-group">
<label for="age">Age:</label>
<input type="number" id="age" value="34" >
</div>
<div class="input-group">
<label for="sex">Sex:</label>
<input type="text" id="sex" value="male" >
</div>
<div class="input-group">
<label for="avg_thrifty_food">Average Thrifty Food Cost ($/week):</label>
<input type="number" id="avg_thrifty_food" value="70" >
</div>
<div class="input-group">
<label for="car_mpg">Car MPG:</label>
<input type="number" id="car_mpg" value="36" >
</div>
<div class="input-group">
<label for="income_per_100_miles_estimated">Income per 100 Miles Estimated ($):</label>
<input type="number" id="income_per_100_miles_estimated" value="100" >
</div>
<div class="input-group">
<label for="bank_accounts">Bank Accounts ($):</label>
</div>
<div class="input-group">
<label for="scu-3709">🏦SCU-3709 ($):</label>
<input type="number" id="scu-3709" value="2.95" >
</div>
<div class="input-group">
<label for="scu-0880">🏦SCU-0880 ($):</label>
<input type="number" id="scu-0880" value="0" >
</div>
<div class="input-group">
<label for="scu-3708">🏦SCU-3708 ($):</label>
<input type="number" id="scu-3708" value="0" >
</div>
<div class="input-group">
<label for="scu-8920">🏦SCU-8920 ($):</label>
<input type="number" id="scu-8920" value="0" >
</div>
<div class="input-group">
<label for="scu-3700">🏦SCU-3700 ($):</label>
<input type="number" id="scu-3700" value="0" >
</div>
<div class="input-group">
<label for="ulta_cc_debt">Ulta CC Debt ($):</label>
<input type="number" id="ulta_cc_debt" value="1660" >
</div>
<div class="input-group">
<label for="ulta_cc_limit">Ulta CC Limit ($):</label>
<input type="number" id="ulta_cc_limit" value="5000" >
</div>
<div class="input-group">
<label for="ulta_cc_minimum_payment">Ulta CC Minimum Payment ($):</label>
<input type="number" id="ulta_cc_minimum_payment" value="50" >
</div>
<div class="input-group">
<label for="chase_cc_debt">Chase CC Debt ($):</label>
<input type="number" id="chase_cc_debt" value="451.04" >
</div>
<div class="input-group">
<label for="chase_cc_limit">Chase CC Limit ($):</label>
<input type="number" id="chase_cc_limit" value="500" >
</div>
<div class="input-group">
<label for="chase_cc_minimum_payment">Chase CC Minimum Payment ($):</label>
<input type="number" id="chase_cc_minimum_payment" value="35" >
</div>
<div class="input-group">
<label for="rent">Rent ($):</label>
<input type="number" id="rent" value="100" >
</div>
<div class="input-group">
<label for="gas_price">Gas Price ($/gallon):</label>
<input type="number" id="gas_price" value="3.20" >
</div>
<div class="input-group">
<label for="avg_rent_in_your_city">Average Rent in Your City ($):</label>
<input type="number" id="avg_rent_in_your_city" value="1000" >
</div>
<div class="input-group">
<label for="avg_income_in_your_city">Average Income in Your City ($):</label>
<input type="number" id="avg_income_in_your_city" value="1000" >
</div>
</form>
<div class="display-box">
<h2>Display Values</h2>
<p id="displayValues"></p>
</div>
</div>
<div class="chart-container"></div>
</div>
<script>
document.addEventListener("DOMContentLoaded", () => {
const displayValues = document.getElementById("displayValues");
const form = document.getElementById("financialForm");
function updateDisplay() {
let output = "";
for (let i = 0; i < form.elements.length; i++) {
let element = form.elements[i];
if (element.type !== "submit") {
output += `<strong>${element.previousElementSibling.textContent}</strong> ${element.value}<br>`;
}
}
displayValues.innerHTML = output;
saveToLocalStorage();
}
function saveToLocalStorage() {
const formData = {};
for (let i = 0; i < form.elements.length; i++) {
let element = form.elements[i];
if (element.type !== "submit") {
formData[element.id] = element.value;
}
}
localStorage.setItem("financialFormData", JSON.stringify(formData));
}
function loadFromLocalStorage() {
const savedData = localStorage.getItem("financialFormData");
if (savedData) {
const formData = JSON.parse(savedData);
for (let key in formData) {
if (formData.hasOwnProperty(key)) {
const element = document.getElementById(key);
if (element) {
element.value = formData[key];
}
}
}
}
}
loadFromLocalStorage();
updateDisplay();
form.addEventListener("input", updateDisplay);
});
</script>